@media (min-width: 900px) {
    html {
        font-size: 80px;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 100px;
    }
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "SimHei";
    font-size: 0.20rem;
    color: #fff;
}

i {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #666;
}

a:hover {
    color: #fae8c8;
}

input,
img,
select {
    border: 0 none;
    outline-style: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* 閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷烽敓锟� */

.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.w {
    width: 1020rem;
    margin: 0 auto;
}

html,
body {
    width: 100%;
    height: 100%;
    user-select: none;
    overflow: hidden;
}

.voice {
    position: absolute;
    top: -20rem;
    left: -20rem;
}

.container {
    width: 100%;
    height: 100%;
    background: url(/public/img/main-bg-h.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
}

.content {
    width: 100%;
    margin: 0 auto;
    margin-top: -0.30rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 8.80rem;
}

.top {
    height: 1.00rem;
    display: flex;
}

.top .leftNav .time {
    float: left;
    margin-left: 0.05rem;
}

.top .leftNav .timeMinute {
    float: left;
}

.top p {
    color: #fff;
    font-size: 0.16rem;
}

.top .timeDate {
    margin-left: 0.40rem;
}

.top .timeWeek {
    color: #fff;
    padding-left: 1.03rem;
    padding-top: 0.04rem;
}

.top .timeMinute {
    font-size: 0.50rem;
    margin-top: -0.08rem;
    margin-left: 0.10rem;
}

/*homepage*/

.homePage {
    width: 12.00rem;
    height: 8.54rem;
    margin: 0 auto;
    margin-top: 0.62rem;
}

.homePage .noticeContetBox {
    /*width: 1420rem;*/
    width: 12.00rem;
    height: 7.31rem;
    margin: 0 auto;
    background-color: #375fff;
    overflow: hidden;
    position: relative;
}

.homePage .noticeContet {
    width: 11.60rem;
    height: 5.80rem;
    margin: 0 auto;
    background-color: #052bc6;
    margin-top: 0.40rem;
    font-size: 0.34rem;
    line-height: 0.50rem;
    letter-spacing: 0.02rem;
    padding: 0.20rem;
    box-sizing: border-box;
    text-indent: 0.7rem;
}

.homePage .noticeContet p {
    font-size: 0.24rem;
    text-indent: 0.40rem;
}

.homePage .noticeContet i {
    text-indent: 0.40rem;
    display: inline-block;
    font-style: normal;
}

.homePage .startBtn {
    width: 3.00rem;
    height: 0.70rem;
    display: block;
    line-height: 0.70rem;
    text-align: center;
    color: #fff;
    background-color: #e99d43;
    font-size: 0.38rem;
    border-radius: 0.10rem;
    margin-top: 0.20rem;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -1.5rem;
    z-index: 1;
}

.noticePerson {
    width: 2.02rem;
    height: 2.32rem;
    position: absolute;
    right: 0rem;
    bottom: 0.18rem;
    background: url(/public/img/police-1.png) no-repeat;
}

/*read*/

.readId {
    width: 12.00rem;
    height: 7.56rem;
    margin: 0 auto;
    display: none;
    position: relative;
}

.readHeader {
    height: 0.70rem;
    width: 100%;
    background-color: #15b0ee;
    line-height: 0.70rem;
    color: #fff;
    font-size: 0.24rem;
    border-bottom: 0.03rem solid #fff;
    border-top-left-radius: 0.10rem;
    border-top-right-radius: 0.10rem;
}

.readHeaderIcon {
    float: left;
    width: 0.50rem;
    height: 0.70rem;
    background: url(/public/img/title-icon.png) no-repeat 0.20rem;
}

.readHeaderText {
    float: left;
}

.readContent {
    background-color: #375fff;
    height: 7.6rem;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.readContent:nth-child(4) {
    display: none;
    position: absolute;
    top: 0.73rem;
    z-index: 10000;
    /* width: 6rem;
    height: 4rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) */
}

.readContent:nth-child(3) {
    display: none;
    position: absolute;
    top: 0.73rem;
    z-index: 10000;
    /* width: 6rem;
    height: 4rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) */
}

.nextStep0 {
    width: 2.00rem;
    height: 0.60rem;
    text-align: center;
    line-height: 0.60rem;
    font-size: 0.30rem;
    border-radius: 0.10rem;
    cursor: pointer;
    background-color: rgb(39, 212, 34);
    margin: 0 auto;
    display: none;
    margin-top: 0.5rem;
}

.countdownStartBtn {
    width: 2.00rem;
    height: 0.60rem;
    text-align: center;
    line-height: 0.60rem;
    font-size: 0.30rem;
    border-radius: 0.10rem;
    cursor: pointer;
    background-color: rgb(39, 212, 34);
    margin: 0 auto;
    /* display: none; */
    margin-top: 0.5rem;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 6rem;
}

.backStep0 {
    width: 2.00rem;
    height: 0.60rem;
    text-align: center;
    line-height: 0.60rem;
    font-size: 0.30rem;
    border-radius: 0.10rem;
    cursor: pointer;
    background-color: rgb(39, 212, 34);
    margin: 0 auto;
    display: none;
    margin-top: 0.5rem;
}

.readIdContent1 {
    overflow: hidden;
}

.readContent h1,
.readIdContent1 h1 {
    margin-top: 0.60rem;
    font-size: 0.36rem;
    text-align: center;
    color: #fff;
    letter-spacing: 0.02rem;
    height: 0.5rem;
    line-height: 0.5rem;
}

.readIdContent1 .videoLoading {
    font-size: 0.4rem;
    line-height: 3.5rem;
    position: absolute;
    width: 100%;
    left: 0;
}

.readIdContent1 h1.active1 {
    color: red;
}

.readIdContent1 h1.active {
    color: rgb(39, 212, 34);
}

.readIdVideo {
    width: 4.00rem;
    height: 2.56rem;
    border-radius: 0.07rem;
    margin: 0 auto;
    margin-top: 0.84rem;
    overflow: hidden;
}

.readIdTextBox {
    width: 3.74rem;
    height: 2.30rem;
    background: url(/public/img/readId-bg.png) no-repeat;
    background-size: contain;
    background-color: #375fff;
    margin: 0 auto;
    margin-top: 0.13rem;
}

.readIdMove {
    width: 3.74rem;
    height: 2.3rem;
    background: url(/public/img/readId-move.png) no-repeat;
    background-size: contain;
    margin-top: -1.7rem;
    margin-left: 0.83rem;
    position: absolute;
    bottom: 0;
    animation: mymove 5s infinite;
    -webkit-animation: readmove 3s infinite;
}

@keyframes readmove {
    bottom {
        left: 0px;
    }

    to {
        bottom: 2.63rem;
    }
}

.readIdText {
    font-size: 0.36rem;
    text-align: center;
    color: #fff;
    letter-spacing: 0.02rem;
    padding-top: 0.94rem;
    box-sizing: border-box;
    display: none;
}

.readingId {
    font-size: 0.36rem;
    text-align: center;
    color: #fff;
    letter-spacing: 0.02rem;
    padding-top: 0.60rem;
    box-sizing: border-box;
    display: none;
}

.readingId span {
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 0.08rem;
    background-color: #fff;
    margin: 0.10rem;
    margin-top: 0.40rem;
}

.BackHomeBtn,
.BackHomeBtnStyle {
    float: right;
    padding: 0 0.20rem;
}

.BackHomeBtn:hover {
    cursor: pointer;
}

.BackHomeIcon {
    display: inline-block;
    width: 0.25rem;
    height: 0.27rem;
    background: url(/public/img/house.png) no-repeat;
    float: left;
    margin-top: 0.22rem;
    margin-right: 0.10rem;
}

.BackHomeText {
    float: right;
}

.entryinfo {
    width: 100%;
    height: 100%;
    font-size: 0.30rem;
    margin-left: 0.60rem;
    line-height: 0.60rem;
    padding-top: 0.30rem;
    box-sizing: border-box;
    position: relative;
    display: none;
    width: 11rem;
}

.entryinfo i {
    font-style: normal;
    width: 3.00rem;
    height: 0.60rem;
    display: inline-block;
}

.entryinfo input,
.entryinfo select {
    height: 0.50rem;
    width: 3.80rem;
    line-height: 0.60rem;
    font-size: 0.20rem;
    color: #000;
    text-indent: 0.20rem;
    margin-left: -0.15rem;
}

.entryinfo select {
    color: #000;
}

.entryinfo .entryTextBox {
    display: none;
}

.entryinfo select,
.entryinfo .entryTextBox input {
    margin-left: -0.15rem;
}

/* .entryinfo .mg10{
    margin: 0.10rem 0;
} */

#entryinfoBtnbox2 {
    display: none;
}

.entryinfo .entryinfoBtnbox {
    margin: 0 auto;
    width: 2.00rem;
    position: absolute;
    left: 50%;
    margin-left: -0.5rem;
    bottom: 0.20rem;
    z-index: 1;
}

.entryinfo .back,
.entryinfo .nextStep {
    width: 2.00rem;
    height: 0.60rem;
    text-align: center;
    line-height: 0.60rem;
    font-size: 0.30rem;
    float: left;
    border-radius: 0.10rem;
    cursor: pointer;
}

#nextStep1 a,
#nextStep2 a {
    color: #fff;
}

.entryinfo .back a {
    color: #fff;
}

.entryinfo .back {
    background-color: #e99d43;
}

.entryinfo .nextStep {
    /* background-color: #c5c5c5; */
    background-color: rgb(39, 212, 34);
}

.phoneNumberText,
.selectText {
    margin-left: -0.15rem;
    display: none;
}

.phoneNumber a,
.entryTextBox a {
    width: 100%;
    height: 100%;
    display: inline-block;
    color: #fff;
}

/*灏忛敓鏂ゆ嫹閿熸枻鎷�*/

.entryIdText {
    width: 4.00rem;
    height: 3.60rem;
    background-color: #464646;
    border-radius: 0.10rem;
    padding: 0.08rem;
    box-sizing: border-box;
    margin: 0.06rem 0 0 2.90rem;
    user-select: none;
    /*閿熸枻鎷烽�夐敓鏂ゆ嫹閿熸枻鎷烽敓鏂ゆ嫹*/
    position: absolute;
    z-index: 100;
}

.entryIdText #ButtonDel {
    background: url(/public/img/backspace.png) no-repeat center;
    background-color: #15b0ee;
}

.entryIdText span {
    /*display: inline-block;*/
    float: left;
    width: 0.90rem;
    height: 0.80rem;
    background-color: #15b0ee;
    font-size: 0.40rem;
    text-align: center;
    line-height: 0.80rem;
    margin: 0.03rem;
    border-radius: 0.10rem;
}

.entryIdText .cancelId {
    height: 1.66rem;
    width: 0.90rem;
    float: right;
    background-color: #15b0ee;
    font-size: 0.40rem;
    text-align: center;
    margin: 0.03rem;
    padding: 0.10rem;
    border-radius: 0.10rem;
    box-sizing: border-box;
    line-height: 0.75rem;
}

.entryIdText .sureId {
    width: 1.86rem;
    height: 0.80rem;
    line-height: 0.85rem;
    float: left;
    background-color: #15b0ee;
    font-size: 0.40rem;
    text-align: center;
    margin: 0.03rem;
    border-radius: 0.10rem;
    letter-spacing: 0.25rem;
    padding-left: 0.28rem;
    box-sizing: border-box;
}

.entryPhoneText {
    width: 4.00rem;
    height: 3.60rem;
    background-color: #464646;
    border-radius: 0.10rem;
    padding: 0.08rem;
    box-sizing: border-box;
    margin: 0.06rem 0 0 2.90rem;
    user-select: none;
    /*閿熸枻鎷烽�夐敓鏂ゆ嫹閿熸枻鎷烽敓鏂ゆ嫹*/
    position: relative;
    z-index: 100;
    position: absolute;
}

.entryPhoneText #phoneNumDel {
    background: url(/public/img/backspace.png) no-repeat center;
    background-color: #15b0ee;
}

.entryPhoneText span {
    /*display: inline-block;*/
    float: left;
    width: 0.90rem;
    height: 0.80rem;
    background-color: #15b0ee;
    font-size: 0.40rem;
    text-align: center;
    line-height: 0.80rem;
    margin: 0.03rem;
    border-radius: 0.10rem;
}

.entryPhoneText .phoneNumCancel {
    height: 1.66rem;
    width: 0.90rem;
    float: right;
    background-color: #15b0ee;
    font-size: 0.40rem;
    text-align: center;
    margin: 0.03rem;
    padding: 0.10rem;
    border-radius: 0.10rem;
    box-sizing: border-box;
    line-height: 0.75rem;
}

.entryPhoneText .phoneNumSure {
    width: 1.86rem;
    height: 0.80rem;
    line-height: 0.85rem;
    float: left;
    background-color: #15b0ee;
    font-size: 0.40rem;
    text-align: center;
    margin: 0.03rem;
    border-radius: 0.10rem;
    letter-spacing: 0.25rem;
    padding-left: 0.28rem;
    box-sizing: border-box;
}

.inmatesInfoBox {
    display: none;
}

.inmatesNameBox {
    height: 1.80rem;
    margin-top: 0.20rem;
    box-sizing: border-box;
    width: 3.80rem;
    float: left;
}

.inmatesNameBox .inmatesImg {
    height: 1.80rem;
    width: 1.50rem;
    padding: 0.16rem 0.27rem;
    background-color: #15b0ee;
    box-sizing: border-box;
    float: left;
}

.inmatesNameBox .inmatesImg img {
    width: 100%;
    height: 100%;
}

.inmatesName {
    float: left;
}

/* .inmatesNameText{
    line-height: 1.80rem;
    margin-left: 0.36rem;
} */

.leftNav {
    height: 100%;
    width: 4.80rem;
    background: url(/public/img/top-left.png) no-repeat;
    background-size: contain;
    padding-top: 0.16rem;
}

.centerNav {
    height: 0.75rem;
    width: 6.50rem;
    background: url(/public/img/top-mid.png) no-repeat;
    margin: 0 auto;
    text-align: center;
    line-height: 0.75rem;
    font-size: 0.38rem;
    background-size: contain;
}

.rightNav {
    height: 100%;
    width: 4.80rem;
    background: url(/public/img/top-right.png) no-repeat;
    font-size: 0.50rem;
    line-height: 1.00rem;
    text-indent: 2.70rem;
    background-size: contain;
}

.readHeader .notice {
    font-size: 0.36rem;
    text-align: center;
}

/*閿熸枻鎷烽敓鏂ゆ嫹鍝�*/

.goodsBox {
    width: 12.50rem;
    height: 8.6rem;
    display: none;
}

.goodsHeader {
    margin-top: 0.5rem;
}

.goodsContentBox {
    width: 12.50rem;
    height: 7.8rem;
    background-color: #375fff;
    padding: 0.07rem 0.17rem;
    box-sizing: border-box;
    position: relative;
}

.goodsContentBox1 {
    height: 5.91rem;
}

.goodsContent {
    width: 7.4rem;
    float: left;
}

.singleGgoods {
    height: 2rem;
    width: 1.68rem;
    float: left;
    margin: 0.08rem;
    margin-top: 0.14rem;
}

.singleGgoodsHeader {
    width: 100%;
    height: 0.38rem;
    font-size: 0.24rem;
    text-align: center;
    background-color: #15b0ee;
    line-height: 0.38rem;
}

.singleGgoodsImgBox {
    width: 100%;
    height: 1.2rem;
    background-color: #108cbe;
}

.singleGgoodsImgBox img {
    width: 0.82rem;
    height: 0.82rem;
    margin: 0.2rem 0.4rem;
}

.singleGgoodsFooter {
    width: 100%;
    height: 0.44rem;
    background-color: #15b0ee;
    font-size: 0.18rem;
    line-height: 0.44rem;
    padding: 0.11rem 0.1rem;
    box-sizing: border-box;
}

/* ------------ */

.singleGgoodsFooter .goodsText {
    float: left;
    height: 0.22rem;
    line-height: 0.22rem;
    text-align: center;
}

/* -------------- */

.singleGgoodsFooter .reduceGoods,
.singleGgoodsFooter .numGoods,
.singleGgoodsFooter .addGoods {
    float: left;
    height: 0.22rem;
    line-height: 0.22rem;
    text-align: center;
    background-color: #fff;
    margin-left: 0.05rem;
    user-select: none;
    cursor: pointer;
}

/* -------------- */

.singleGgoodsFooter .reduceGoods,
.singleGgoodsFooter .addGoods {
    width: 0.22rem;
    color: #15b0ee;
    font-weight: 700;
    font-size: 0.33rem;
    border-radius: 0.04rem;
}

/* -------------- */

.singleGgoodsFooter .numGoods {
    height: 0.22rem;
    width: 0.44rem;
    color: #000;
}

.detaileList {
    width: 4.5rem;
    height: 6.55rem;
    margin: 0.13rem;
    float: right;
}

.detaileListHeader {
    width: 100%;
    height: 0.38rem;
    line-height: 0.38rem;
    background-color: #d55cb6;
    text-align: center;
    font-size: 0.24rem;
}

.detaileListContent {
    width: 100%;
    height: 6rem;
    background-color: #8c92f0;
    position: relative;
}

.detaileListContent ul {
    padding: 0.15rem 0.24rem;
    box-sizing: border-box;
}

.detaileListPerson .line {
    height: 0.15rem;
    border-bottom: 1px solid #fff;
}

.detaileListContent li {
    line-height: 0.32rem;
}

.detaileListGoods span {
    float: left;
    height: 0.4rem;
    line-height: 0.40rem;
}

.detaileListContent .detaileListGoods {
    float: left;
    padding: 0.07rem 0.1rem;
}

/* ------------- */

.detaileListContent .goodsText {
    float: left;
    padding: 0.15rem 0.24rem;
    box-sizing: border-box;
}

.detaileListContent .moneyBox {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    position: absolute;
    bottom: 0.06rem;
    left: 0.24rem;
}

.detaileListContent .moneyBox i {
    margin-left: 0.24rem;
}

.detaileListGoodsBox {
    width: 100%;
}

.goodsContentBox .submitGoods {
    width: 2.36rem;
    height: 0.6rem;
    background-color: #e99d43;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.24rem;
    margin: 0 auto;
    margin-top: 0.17rem;
    border-radius: 0.1rem;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -1.18rem;
    bottom: 0.2rem;
    z-index: 1;
}

.goodsContentBox .submitGoodsValidate,
.submitGoodsValidate1 {
    width: 5rem;
    height: 3.5rem;
    background-color: #375fff;
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    top: 50%;
    margin-top: -1.32rem;
    z-index: 2000;
    display: none;
    opacity: 1;
}

.submitGoodsValidate .submitYes {
    width: 0.90rem;
    height: 0.50rem;
    background-color: #e99d43;
    line-height: 0.50rem;
    text-align: center;
    font-size: 0.24rem;
    margin: 0 auto;
    margin-top: 0.50rem;
    border-radius: 0.10rem;
    cursor: pointer;
    float: left;
    margin-left: 0.98rem;
}

.submitNo {
    width: 0.90rem;
    height: 0.50rem;
    background-color: #e99d43;
    line-height: 0.50rem;
    text-align: center;
    font-size: 0.24rem;
    margin: 0 auto;
    margin-top: 0.50rem;
    border-radius: 0.10rem;
    cursor: pointer;
    margin-left: 1.27rem;
    float: left;
}

.goodsContentBox .submitGoodsValidate img,
.submitGoodsValidate1 img {
    width: 1.19rem;
    height: 1.04rem;
    display: block;
    margin: 0 auto;
    margin-top: 0.84rem;
}

.submitGoodsValidate1 {
    width: 5.00rem;
    height: 3.00rem;
    position: absolute;
    left: 50%;
    margin-left: -2.50rem;
    top: 50%;
    margin-top: -1.50rem;
    z-index: 300;
    background-color: #375fff;
    text-align: center;
    padding-top: 0.25rem;
    font-size: 0.36rem;
    box-sizing: border-box;
    border-radius: 0.10rem;
    display: none;
    z-index: 2000;
}

.submitGoodsValidate1 p {
    margin-top: 0.2rem;
    font-size: 0.25rem;
}

.submitGoodsValidate1 h1 {
    font-size: 0.36rem;
}

.goodsContentBox .submitGoodsValidate p,
.submitGoodsValidate1 p {
    font-size: 0.36rem;
    text-align: center;
    margin-top: 0.24rem;
}

.goodsContentBox .submitGoodsValidate .validateLogoP {
    margin-top: 1rem;
}

#modal-overlay {
    visibility: hidden;
    position: absolute;
    /* 浣块敓鐭拝鎷烽敓鐨嗚鎷蜂綅閿熸枻鎷锋江閿熸枻鎷烽敓杞匡拷  */
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-color: #333;
    opacity: 0.5;
    /* 閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷烽�忛敓鏂ゆ嫹 */
}

/* 妯℃�侀敓鏂ゆ嫹閿熸枻鎷峰紡 */

.modal-data {
    width: 3rem;
    margin: 1rem auto;
    background-color: #fff;
    border: 1rem solid #000;
    padding: 0.15rem;
    text-align: center;
}

.userPhoneErr {
    width: 3.3rem;
    height: 0.86rem;
    position: absolute;
    left: 3.87rem;
    top: 2.8rem;
    background-color: #ff5454;
    font-size: 0.22rem;
    line-height: 0.86rem;
    text-align: center;
    border-radius: 0.1rem;
    display: none;
}

.userIdErr {
    width: 3.3rem;
    height: 0.86rem;
    position: absolute;
    left: 3.87rem;
    top: 3.97rem;
    background-color: #ff5454;
    font-size: 0.22rem;
    line-height: 0.86rem;
    text-align: center;
    border-radius: 0.1rem;
    display: none;
}

.userIdErr2 {
    width: 3.3rem;
    height: 0.86rem;
    position: absolute;
    left: 3.87rem;
    top: 3.47rem;
    background-color: #ff5454;
    font-size: 0.22rem;
    line-height: 0.86rem;
    text-align: center;
    border-radius: 0.1rem;
    display: none;
}

/*footer*/

footer {
    width: 100%;
    height: 0.88rem;
    font-size: 0.20rem;
    padding: 0.30rem 0.50rem;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
}

footer .edition {
    float: left;
}

footer .logo {
    float: right;
    width: 1.71rem;
    height: 1.28rem;
    background: url(/public/img/logo.png) no-repeat;
    background-size: contain;
    margin-top: -0.1rem;
}

/* new read */

.readNewBox {
    padding: 0.30rem;
}

.readHearder {
    width: 100%;
    height: 0.5rem;
    font-size: 0.24rem;
    text-align: left;
    padding-left: 0.2rem;
    background-color: #15b0ee;
    line-height: 0.5rem;
    box-sizing: border-box;
}

.readContentNew {
    width: 100%;
    height: 2.4rem;
    background-color: #108cbe;
}

.readContentNew1 {
    padding: 0.3rem;
    box-sizing: border-box;
}

.pt0 {
    padding-top: 0;
}

.readContentNew1 li {
    padding: 0.19rem;
}

.readNewBox .inmatesImg {
    height: 1.80rem;
    width: 1.50rem;
    padding: 0.16rem 0.27rem;
    background-color: #15b0ee;
    box-sizing: border-box;
    float: left;
}

.readNewBox .inmatesImg img {
    width: 100%;
    height: 100%;
}

.readContentNew1 ul {
    float: right;
    width: 8rem;
    box-sizing: border-box;
    margin-top: 0.3rem;
}

.readContentNew2 {
    padding: 0.3rem;
    box-sizing: border-box;
}

.readContentNew2 ul li {
    width: 46%;
    padding: 0.18rem;
    float: left;
}

.readNewBigBox .nextStep {
    width: 2.00rem;
    height: 0.60rem;
    text-align: center;
    line-height: 0.60rem;
    font-size: 0.30rem;
    border-radius: 0.10rem;
    cursor: pointer;
    color: #fff;
    background-color: rgb(39, 212, 34);
    margin: 0 auto;
}

.inmatesInfoBox .money {
    color: red;
}

.validateLogo {
    width: 5.00rem;
    height: 3.00rem;
    position: absolute;
    left: 50%;
    margin-left: -2.50rem;
    top: 50%;
    margin-top: -1.50rem;
    z-index: 300;
    background-color: #375fff;
    text-align: center;
    padding-top: 0.25rem;
    font-size: 0.36rem;
    box-sizing: border-box;
    border-radius: 0.10rem;
    display: none;
    z-index: 2000;
}

.validateLogo p {
    margin-top: 0.2rem;
    font-size: 0.25rem;
}

.validateLogo .validateLogoP {
    margin-top: 1rem;
}